<template lang="">
  <div>
    <mt-tabbar v-model="selected">
      <mt-tab-item id="home">首页
        <img v-if="selected=='home'" slot="icon" src="../assets/icons/home_enable.png"></img>
        <img v-else slot="icon" src="../assets/icons/home_disable.png"></img>
      </mt-tab-item>
      <mt-tab-item id="cart">购物车
        <img v-if="selected=='cart'" slot="icon" src="../assets/icons/cart_enable.png"></img>
        <img v-else slot="icon" src="../assets/icons/cart_disable.png"></img>
      </mt-tab-item>
      <mt-tab-item id="me">我的
        <img v-if="selected=='me'" slot="icon" src="../assets/icons/me_enable.png"></img>
        <img v-else slot="icon" src="../assets/icons/me_disable.png"></img>
      </mt-tab-item>
      <mt-tab-item id="wechat">微信
        <img slot="icon" src="../assets/icons/profile.png"></img>
      </mt-tab-item>
    </mt-tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      navactive:'1',
      selected:'home'
    }
  },
}
</script>
<style lang="">
  
</style>